<template>
	<view class="bottom">
		<view class="bottomview bottom-up" @click="upClick()">上一题</view>
		<view class="bottomview bottom-below" @click="belowClick()">下一题</view>
		<view class="bottom-submit" @click="submitClick()">提交考试</view>
	</view>
</template>

<script>
	// 0  上一题
	// 1  下一题
	// 2  提交考试
	export default {
		methods: {
			belowClick(){
				this.$emit('bottomChange',1);
			},
			upClick(){
				this.$emit('bottomChange',0);
			},
			submitClick(){
				this.$emit('submitChange',0);
			}
		}
	}
</script>

<style lang="less">
	.bottom {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 140rpx;
		box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.04);
		display: flex;
		background-color: #fff;
		.bottomview {
			border: 2rpx solid #7289FF;
			color: #7289FF;
			width: 200rpx;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 50rpx;
			text-align: center;
			margin-top: 30rpx;
		}
		.bottom-up {
			margin-left: 30rpx;
		}
		.bottom-below {
			margin-left: 20rpx;
		}
		.bottom-submit {
			color:#fff;
			background: #7289FF;
			border: 2rpx solid #7289FF;
			width: 200rpx;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 50rpx;
			text-align: center;
			margin-top: 30rpx;
			margin-left: 70rpx;
		}
	}
</style>